<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{padding:0;margin:0;font-family:"微软雅黑";}
        html,body {
            background:#999;
        }
        ul li {
            list-style: none;
        }
        a{text-decoration:none;color:#fff;outline:none;}
        a:hover{color:#d2d2d2;transition:0.5s all;}
button,input{outline:none;}
.clear{ clear:both;}
.left{float:left;}
.right{float:right;}
        /*头部*/
header{
	width:100%;
	height:58px;
	background: -webkit-linear-gradient(#2665f5 0%,#36e9c3 100%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#2665f5 0%,#36e9c3 100%); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#2665f5 0%,#36e9c3 100%); /* Firefox 3.6 - 15 */
	background: linear-gradient(90deg,#2665f5 0%,#36e9c3 100%);/* 标准的语法（必须放在最后） */

	padding:2px 0;
}
    header>div {
        width: 1200px;
        margin: 0 auto;
    }
    .logo {
        width: 180px;
        height: 58px;
        float: left;
    }
    .logo>span {
        color: #fff;
        font-size: 30px;
        line-height: 58px;
    }
    header>div>nav {
        line-height: 58px;
        float: left;
    }
    header>div>nav li {
        width: 80px;
        float:left;
    }
    .weather-contacted{
	float:right;
	line-height:60px;
}
.weather-contacted>div{
	/* float:left; */
	color:#fff;
	margin-left:20px;
}
.weather-contacted>.contacted>span{
    display: block;
    float: left;
    margin-left: 15px;

}
    </style>
</head>
<body>
    <header>
        <div>
            <div class="logo"><span>RDSunday</span></div>
            <nav>
                <ul class="nav">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">工具</a></li>
                    <li><a href="#">创作空间</a></li>
                </ul>
            </nav>
            <div class="weather-contacted">
                <div class="contacted">
                    <span><a href="#">申请收录</a></span>
                    <span><a href="#">广告合作</a></span>
                    <span><a href="#">联系我们</a></span>
                </div>
            </div>
        </div>
    </header>
</body>
</html>